<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/shangchengNav.css">
    <link rel="stylesheet" href="./lib/font-awesome/css/font-awesome.css">
    <title>商城导航</title>
</head>

<body>
    <!-- 头部 -->
    <header>
        <span class="fa fa-chevron-left"></span>
        <h1>商城导航</h1>
        <a class="app" href="javascript:;">
            <img src="./images/header_app.png" alt="">
        </a>
    </header>

    <div class="mian clearfix">

    </div>
    <div class="shouye">
        <a href="javascript:;">首页</a>&nbsp;>
        <a href="javascript:;">商城导航</a>
    </div>
    <div class="kongbai"></div>
</body>
<div class="foot_top">
    <a href="javascript:;">登录</a>
    <a href="javascript:;">注册</a>
    <a class="foot_top_retrun" href="javascript:;"><span class="fa fa-arrow-circle-up"></span>返回顶部</a>
    
</div>
<div class="footer">
    <p>
        <a class="app1" href="javascript:;">手机APP下载</a>
        <a href="javascript:;"> 慢慢卖手机版</a>
        -- 掌上比价平台
    </p>
    <p> m.manmanbuy.com</p>
</div>
<!-- 模板引擎 -->
<script type="text/template" id="shangpinNav">
    {{each arr as val}}
        <a href="{{val.navHref}}">
           <img src="{{val.navImg}}" alt="">
           {{val.navTitle}}
       </a>
    {{/each}}
</script>
<!-- 模板引擎 -->
<script src="./lib/arttemplate/template-web.js"></script>
<script src="./lib/zepto/zepto.js"></script>
<script src="./js/shangchengNav.js"></script>

</html>